<div class="user_zong">
  <div class="one-btn-data-type">
    <div style="float: left; ">
      选择城市：
      <div class="dropdown user_dropdown_city" style="display: inline-block">
        <input style="" type="text" class="form-control upload_city" id="" value="请选择" placeholder="请输入城市名称" style="width:200px;">
        <div class="dropdown-menu user_dropdown-menu_city" style="width: 200px;display: none;margin-top: 0;">
          <ul style="max-height: 300px;overflow: auto"></ul>
        </div>
      </div>
    </div>
    <div style="margin-left: 25px;float: left;width: 80%;">
      <div class="one-inline-btn dropdown">
        <div class="one-inline-text">站点列表：</div>
        <div class="one-inline-container" style="height: 34px;padding:2px;" >
        </div>
        <div class="dropdown-menu">
          <p class="one-triangle"><i class="one-triangle-border"></i></p>
          <div class="one-btn-data-type user_site_list">
            <div class="btn-group user_site_button">
            </div>
            <div style="display: inline-block;margin-top:10px;">
              <form action="#"  class="form-inline">
                <input type="text" class="form-control" placeholder="请输入查询的站点" id="search-site">
              </form>
            </div>
          </div>
          <ul class="list-inline one-dropdown-list" id="national" style="display: block;">
            <li *ngFor="let list of nationalSite">
              <label>
                <input type="checkbox"  [id]="list.siteCode" (click)="inputClick(list.siteCode,list.siteName,$event)" />{{list.siteName}}
              </label>
            </li>
            <div *ngIf="this.nationalSite.length==0">暂无数据</div>
          </ul>
          <ul class="list-inline one-dropdown-list" id="province">
            <li *ngFor="let list of provinceSite">
              <label>
                <input type="checkbox" [id]="list.siteCode" (click)="inputClick(list.siteCode,list.siteName,$event)" />{{list.siteName}}
              </label>
            </li>
            <div *ngIf="this.provinceSite.length==0">暂无数据</div>
          </ul>
          <ul class="list-inline one-dropdown-list" id="smallAir">
            <li *ngFor="let list of smallSite">
              <label>
                <input type="checkbox" [id]="list.siteCode" (click)="inputClick(list.siteCode,list.siteName,$event)"/>{{list.siteName}}
              </label>
            </li>
            <div *ngIf="this.smallSite.length==0">暂无数据</div>
          </ul>
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
  </div>
  <div class="one-btn-data-type">
    请选择时间：
    <div style="display: inline-block;margin-top:10px;">
      <form action="#"  class="form-inline">
        <input type="text" class="form-control" id="associateDate" value="" style="width:290px;">
        <button type="button" class="btn btn-success search1">查询</button>
      </form>
    </div>
  </div>
  <div style="margin-top: 15px;overflow: hidden;">
    <div class="col-xs-12 one-btn-tab">
      <div class="btn-group">
        <div style="width: 120px;text-align: center" class="btn btn-default user_table active" id="">关联度</div>
        <div style="width: 120px;text-align: center" class="btn btn-default user_pm25pm10" id="">PM2.5-PM10</div>
        <div style="width: 120px;text-align: center" class="btn btn-default user_pm25shi" id="">PM2.5-湿度</div>
        <div style="width: 120px;text-align: center" class="btn btn-default user_pm25wind" id="">PM2.5-风力</div>
        <div style="width: 120px;text-align: center" class="btn btn-default user_pm25o3" id="">PM2.5-O3</div>
        <div style="width: 120px;text-align: center" class="btn btn-default user_o3no2" id="">O3-NO2</div>
        <div style="width: 120px;text-align: center" class="btn btn-default user_o3temp" id="">O3-温度</div>
        <div style="width: 120px;text-align: center" class="btn btn-default user_o3shi" id="">O3-湿度</div>
        <div style="width: 120px;text-align: center" class="btn btn-default user_user" id="">自定义</div>
      </div>
    </div>
  </div>
  <div class="user_select" style="margin-top: 15px;display: none">
    类别1：<select style="display:inline-block;width: 150px;margin-right: 20px;" class="form-control select1">
    <option>综合指数</option>
    <option>PM2.5</option>
    <option>PM10</option>
    <option>SO2</option>
    <option>NO2</option>
    <option>CO</option>
    <option>O3</option>
    <option>温度</option>
    <option>湿度</option>
    <option>风级</option>
  </select>
    类别2：<select style="display:inline-block;width: 150px;" class="form-control select2">
    <option>综合指数</option>
    <option>PM2.5</option>
    <option>PM10</option>
    <option>SO2</option>
    <option>NO2</option>
    <option>CO</option>
    <option>O3</option>
    <option>温度</option>
    <option>湿度</option>
    <option>风级</option>
  </select>
    <button type="button" style="display: inline-block;margin-left: 15px;margin-top: -5px" class="btn btn-success search">查询</button>
  </div>
  <div class="user_chart">

  </div>
</div>
